const autoprefixer = require('autoprefixer')
const pxtorem = require('postcss-pxtorem')
const path = require('path')
module.exports = {
  publicPath: './',
  // 开关eslint在保存时的语法检查
  lintOnSave: true,
  devServer: {
    // host: 'localhost',
    // port: 3838,
    // open: true, // 启动项目自动打开浏览器
    // 代理
    proxy: {
      '/openapi/api': {
        target: 'http://www.tuling123.com/openapi/api',
        pathRewrite: {
          '/openapi/api': ''
        }
      }
      // '/api': {
      //   target: process.env.BASE_URL,
      //   changeOrigin: true,
      //   secure: false,
      //   ws: true,
      //   pathRewrite: {
      //     '^/api': ''
      //   }
      // }
    }
  },
  // 开发模式
  // configureWebpack: {
  //   mode: 'development'
  // },
  // 配置pxtorem插件对代码中的px进行转换，以37.5为1rem的值
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ['*']
          })
        ]
      }
    }
  },
  // 全局less插件配置
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, './src/style/*.less')]
    }
  }
}
